<template>
    <div>
        <el-row>
            <el-col :span="24" class="base-mian-cell"  v-if="consignorFlag">
                <div class="base-mian-cell-title clearfix">
                    <div class="left fl">
                        <span class="line">|</span>
                        <span class="tips">委托人信息</span>
                    </div>
                    <div class="right fr" @click="changeView">
                        <i class="el-icon-circle-close"></i>
                    </div>
                </div>
                <div class="base-mian-cell-main editInput">
                    <el-row class="mb10">
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">姓名</label>
                            </el-col>
                            <el-col :span="14">
                                <el-input readonly ></el-input>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">国家地区</label>
                            </el-col>
                            <el-col :span="14">
                                <el-select placeholder="请选择">
                                    <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">证件类型</label>
                            </el-col>
                            <el-col :span="14">
                                <el-select placeholder="请选择">
                                    <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">证件号码</label>
                            </el-col>
                            <el-col :span="14">
                                <el-input readonly></el-input>
                            </el-col>
                        </el-col>
                    </el-row>
                    <el-row class="mb10">
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">移动电话</label>
                            </el-col>
                            <el-col :span="14">
                                <el-input readonly></el-input>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">固定电话</label>
                            </el-col>
                            <el-col :span="14">
                                <el-input readonly></el-input>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">性别</label>
                            </el-col>
                            <el-col :span="14">
                                <el-select placeholder="请选择">
                                    <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">出生日期</label>
                            </el-col>
                            <el-col :span="14">
                                <el-date-picker
                                        type="date"
                                        placeholder="选择日期">
                                </el-date-picker>
                            </el-col>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">与被保险人关系</label>
                            </el-col>
                            <el-col :span="14">
                                <el-select placeholder="请选择">
                                    <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </el-col>
                        </el-col>
                        <el-col :span="6">
                            <el-col :span="10">
                                <label class="complain-lab">年收入（万元）</label>
                            </el-col>
                            <el-col :span="14">
                                <el-input readonly></el-input>
                            </el-col>
                        </el-col>
                        <el-col :span="12">
                            <el-col :span="5">
                                <label class="complain-lab">地址</label>
                            </el-col>
                            <el-col :span="19">
                                <el-input readonly></el-input>
                            </el-col>
                        </el-col>
                    </el-row>
                    <div class="edit-main">
                        <button>编辑</button>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
export default {
    data(){
        return{
            options: [
                {
                    label: '测试',
                    value: '01'
                }
            ]
        }
    },
    props:{
        consignorFlag:{
            type: Boolean,
            default: false
        }
    },
    methods:{
        changeView(){
            this.$emit('subConsignorFlag',false);
        }
    }
}
</script>
<style lang="less" scoped>

</style>